<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<title>2.使用js创建</title>
		<!-- 引入react核心库 -->
		<script type="text/javascript" src="../js/react.js"></script>
		<!-- 引入react-dom，用于支持react操作DOM -->
		<script type="text/javascript" src="../js/react-dom.js"></script>
	</head>
	<body>
		<!-- 准备好一个容器，后期react会将工作成果放进去（一些结构） -->
		<div id="test"></div>

		<script type="text/javascript">
			//第一步：创建一个虚拟DOM(使用js语法)
			const VDOM = React.createElement('h1',null,React.createElement('span',{},'Hello,React!'))
			//第二步：借助react将虚拟DOM转为真实DOM放入页面
			ReactDOM.render(VDOM,document.getElementById('test'))
		</script>
		
	</body>
</html>